import React from 'react'
import { Link } from 'react-router-dom'

import {
    TabBar,
    TabBarItem,
    TabBarIcon,
    TabBarLabel
} from 'react-weui';

//import styles
import 'weui';
import 'react-weui/lib/react-weui.min.css';

export default class Footer extends React.Component {
    render() {
        return (
            <TabBar>
                <TabBarItem>
                    <Link to='/'>
                        <TabBarIcon>
                            <i className="iconfont icon-home"></i>
                        </TabBarIcon>
                        <TabBarLabel>首页</TabBarLabel>
                    </Link>
                </TabBarItem>
                <TabBarItem>
                    <Link to='/cart'>
                        <TabBarIcon>
                            <i className="iconfont icon-cart"></i>
                        </TabBarIcon>
                        <TabBarLabel>购物车</TabBarLabel>
                    </Link>
                </TabBarItem>
                <TabBarItem>
                    <Link to='/order'>
                        <TabBarIcon>
                            <i className="iconfont icon-calendar"></i>
                        </TabBarIcon>
                        <TabBarLabel>订单</TabBarLabel>
                    </Link>
                </TabBarItem>
                <TabBarItem>
                    <Link to='/my'>
                        <TabBarIcon>
                            <i className="iconfont icon-people"></i>
                        </TabBarIcon>
                        <TabBarLabel>我的</TabBarLabel>
                    </Link>
                </TabBarItem>
            </TabBar>
        );
    }
};
